/**
 * Shopware 4.0
 * Copyright © 2012 shopware AG
 *
 * According to our dual licensing model, this program can be used either
 * under the terms of the GNU Affero General Public License, version 3,
 * or under a proprietary license.
 *
 * The texts of the GNU Affero General Public License with an additional
 * permission and of our proprietary license can be found at and
 * in the LICENSE file you have received along with this program.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * "Shopware" is a registered trademark of shopware AG.
 * The licensing of the program under the AGPLv3 does not imply a
 * trademark license. Therefore any rights, title and interest in
 * our trademarks remain entirely with us.
 *
 * @category   Shopware
 * @package    Shopware_Styling
 * @subpackage Widgets
 * @copyright  Copyright (c) 2012, shopware AG (http://www.shopware.de)
 * @version    $Id$
 * @author shopware AG
 */

.#{$prefix}widget-sidebar {
    padding: 10px;
    background: rgba(14, 36, 55, 0.2);
    border: 1px solid rgba(32, 68, 100, 0.3);
    box-shadow: none;
    @include border-radius(3px 3px 3px 3px);

    .#{$prefix}window-body {
       background: transparent;
       border: 0 none !important;
    }

	.#{$prefix}window-body.can-scroll:after {
		content: "";
		position: absolute;
		bottom: -25px;
		left: 0;
		right: 0;
		height: 25px;
		@include single-box-shadow(rgba(0,0,0,0.5), 0, -13px, 15px, -8px);
	}

    .#{$prefix}widget-toolbar {
      background: transparent;
      border: 0 none !important;

      .#{$prefix}btn {
        width: 16px;
        height: 17px;
        margin: 0 5px;
        border: 0 none;
        background: url('');
      }

      .btn-widget-add {
        background-position: 0 0;

        .#{$prefix}btn-arrow {
          background: transparent;
        }
      }
      .btn-widget-add:hover {
        background-position: 0 -17px;
      }
      .btn-widget-pin {
        background-position: -16px 0;
      }
      .btn-widget-pin.active,
      .btn-widget-pin:hover {
        background-position: -16px -17px;
      }
      .btn-widget-minimize {
        background-position: -32px 0;
      }
      .btn-widget-minimize:hover {
        background-position: -32px -17px;
      }
      .btn-widget-position {
        background-position: -48px 0;

        .#{$prefix}btn-arrow {
          background: transparent;
        }
      }
      .btn-widget-position:hover {
        background-position: -48px -17px;
      }
    }

    .#{$prefix}widget-proxy-element {
      margin: 10px auto;
      background: transparent;
      border: 2px dashed #7998b1;
      box-shadow: none;
    }
 }

.#{$prefix}widget-menu,
.#{$prefix}widget-position-selection-menu {

  .#{$prefix}menu-body {
    background: #fff !important;

    .#{$prefix}menu-item a span {
      color: #465C6B;
    }

    .#{$prefix}menu-item-active {
      a {
        @include border-radius(3px 3px 3px 3px);
        border: 1px solid #87B7E3;
        background: url("data:image/svg+xml;charset=utf-8;base64,CiAgICA8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIg dmVyc2lvbj0iMS4xIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj4KICAg ICAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkaWVudCIgeDE9IjAlIiB5MT0i MCUiIHgyPSIwJSIgeTI9IjEwMCUiPic8c3RvcCBvZmZzZXQ9IjAlIiBzdHls ZT0ic3RvcC1jb2xvcjojZDBlNWY1O3N0b3Atb3BhY2l0eToxIiAvPicsICc8 c3RvcCBvZmZzZXQ9IjEwMCUiIHN0eWxlPSJzdG9wLWNvbG9yOiNhNmNkZWM7 c3RvcC1vcGFjaXR5OjEiIC8+JzwvbGluZWFyR3JhZGllbnQ+CiAgICAgIDxy ZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3Jh ZGllbnQpIiAvPgogICAgPC9zdmc+CiAgICA= ") no-repeat scroll center center rgba(0, 0, 0, 0) !important;

        span {
          color: #035A9B;
        }
      }
    }
  }
}

.#{$prefix}panel-ghost,
.#{$prefix}widget-component {
    margin: 10px auto;
    min-width: 300px;
    background: #fff;
    border: 0 none !important;
    -moz-box-shadow: 0 1px 5px 0 #78a0c3;
    -webkit-box-shadow: 0 1px 5px 0 #78a0c3;
    box-shadow: 0 1px 5px 0 #78a0c3;

	/** Header */
	.#{$prefix}panel-header {
		@include border-radius(3px 3px 0 0);	
		@include reset-box-shadow;
		padding-top: 8px;
		padding-bottom: 6px;
		border: 0 none !important;
		background: transparent;
		
		/** Header text */
		.#{$prefix}panel-header-text {
			padding-left: 6px;
			font-size: 12px;
			color: #3d474f;
			font-weight: bold;
		}
	}
	
	/** Body */
    .#{$prefix}x-toolbar,
	.#{$prefix}panel-body {
		border: 0 none !important;
        background: transparent;
	}
	
	/** Basic grid styling */
	.#{$prefix}grid-with-row-lines {
        border: 0 none !important
    }
	.#{$prefix}grid-header-ct,
    .#{$prefix}grid-header-ct *  {
		background: transparent !important;
		border: 0 none;
	}
	.#{$prefix}grid-body .#{$prefix}grid-row-alt {
		background: transparent;
	}
}

.#{$prefix}panel-ghost {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/** Sales/Turnover widget */
div[id^=swag-sales-widget] {

	/** Conversation rate */
	.conversation-rate {
		@include user-select;
		margin: 10px 0 0;
		
		* {
			font-size: 11px;
			color: #8e979f;
			text-align: center;
			display: block;
		}
		.title { margin: 0 0 6px }
		.rate {
			font-size: 24px;
			line-height: 28px;
			font-weight: bold;
		}
	}
}
/** Visitors and customers widget */
div[id^=swag-visitors-customers-widget] {
	.visitors-online {
		@include user-select;
		margin: 10px 0 0;
		
		* {
			font-size: 11px;
			color: #8e979f;
			text-align: center;
			display: block;
		}
		.visitors {
			font-size: 24px;
			line-height: 28px;
			font-weight: bold;
		}
	}
}
/** Grid styling for the specific widgets */
div[id^=swag-visitors-customers-widget], div[id^=swag-sales-widget] {
	.#{$prefix}grid-body .#{$prefix}grid-row .#{$prefix}grid-cell, .#{$prefix}grid-row-selected .#{$prefix}grid-cell, .#{$prefix}grid-body .#{$prefix}grid-row * {
		border: 0 none;
		background: transparent !important;
	}
}

/** Upload widget */
div[id^=swag-upload-widget] {
	.#{$prefix}container-dropzone .inner-dropzone {
		padding: 25px 0;
	}
}

/**  */
div[id^=swag-notice-widget] {
	.#{$prefix}toolbar-docked-bottom {
		background: #fff;
		border: 0 none;
	}
	
	.#{$prefix}panel-body { 
		border-bottom: 0 none;
		background: #fff;
	}
	
	td.#{$prefix}form-item-body {
		background: transparent;
		padding: 0;
	}
}